<!DOCTYPE html>

<!--
网页最大宽度：1347
大图宽度：1347（width:100%）,高度：(487)
中间宽度：1280
-->

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>顺丰首页</title>
    <link rel="stylesheet" type="text/css" href="css/首页.css"/>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/首页.js"></script>
</head>

<body>
<div id="divtop">
    <img src="img/logo.png" style="float: left; padding-top: 10px;">
    <ul id="topleft">
        <li class="topli"><a href="#">首页</a>
        </li>
        <li class="topli"><a href="#">物流</a>
            <ul>
                <li><a href="#">顺丰即日</a></li>
            </ul>
        </li>
        <li class="topli"><a href="#">金融</a>
        </li>
        <li class="topli"><a href="#">商业</a>
            <ul>
                <li><a href="#">顺丰网上商城</a></li>
                <li><a href="#">顺丰优选门店</a></li>
            </ul>
        </li>
        <li class="topli"><a href="#">成功案例</a>
            <ul>
                <li><a href="#">3C电子行业</a></li>
                <li><a href="#">医疗行业</a></li>
                <li><a href="#">生鲜行业</a></li>
                <li><a href="#">快消行业</a></li>
            </ul>
        </li>
        <li class="topli"><a href="#">服务支持</a>
            <ul>
                <li><a href="#">我要寄件</a></li>
                <li><a href="#">运单追踪</a></li>
            </ul>
        </li>
        <li class="topli"><a href="#">顺丰控股投资者关系</a>
            <ul>
                <li><a href="#">公司治理</a></li>
                <li><a href="#">公司公告</a></li>
                <li><a href="#">定期报告</a></li>
                <li><a href="#">投资者联络</a></li>
                <li><a href="#">投资者关系日历</a></li>
            </ul>
        </li>
        <li class="topli"><a href="#">关于我们</a>
            <ul>
                <li><a href="#">关于顺丰</a></li>
                <li><a href="#">新闻资讯</a></li>
                <li><a href="#">服务公告</a></li>
            </ul>
        </li>
    </ul>
    <ul id="topright">
        <li>
            <img class="icon" src="img/会员.png">
            <a href="#">会员登录</a>
        </li>
        <li>|</li>
        <li>
            <a href="#">会员注册</a>
        </li>
    </ul>
</div>
<div id="container">
    <div id="banner">
        <div id="quick_tool">
            <div class="line">
                <div class="left">
                    <input type="text" placeholder="输入运单号查询">
                </div>
                <div class="right">
                    <input type="image" src="img/查询.png">
                </div>
            </div>
            <div class="line">
                <div class="left">
                    <input type="number" placeholder="输入手机号查询">
                </div>
                <div class="right">
                    <input type="image" src="img/手机.png">
                </div>
            </div>
            <div class="line">
                <button>马上查单</button>
            </div>
        </div>
    </div>
    <div id="smallhead">
        <div class="content">
            <ul>
                <li>
                    <img src="img/运单查询.png">
                    <a href="#">运单追踪</a>
                </li>
                <li>|</li>
                <li>
                    <img src="img/我要寄件.png">
                    <a href="#">我要寄件</a>
                </li>
                <li>|</li>
                <li>
                    <img src="img/运费时效查询.png">
                    <a href="#">运费时效查询</a>
                </li>
                <li>|</li>
                <li>
                    <img src="img/服务网点查询.png">
                    <a href="#">服务网点查询</a>
                </li>
                <li>|</li>
                <li>
                    <img src="img/网络.png">
                    <a href="#">收寄范围查询</a>
                </li>
                <li>|</li>
                <li>
                    <img src="img/在线客服.png">
                    <a href="#">在线客服</a>
                </li>
            </ul>
        </div>

    </div>
    <div id="business">
        <div class="content">
            <div style="text-align: center">
                <h2>顺丰全业务介绍</h2>
                <p>基于物流，通融金融，流通商业</p>
            </div>
            <div class="middle">
                <ul>
                    <li class="active"><a id="btn_wuliu" href="#tab1" aria-pressed="true">物流</a></li>
                    <li class="active"><a id="btn_jinrong" href="#tab2" aria-pressed="true">金融</a></li>
                    <li class="active"><a id="btn_shangye" href="#tab3" aria-pressed="true">商业</a></li>
                </ul>
                <img src="img/横杠.png">
            </div>
            <div class="end" id="wuliu">
                <div class="itemleft" style="background-image: url('img/business_1.jpg');">
                    <div class="text">
                        <h2>冷运服务</h2>
                        <p>顺丰依托强大的冷链运输网和温控管理系统，为食品&医药冷链客户提供专业的冷运服务。</p>
                    </div>
                </div>
                <div class="itemright" style="background-image: url('img/business_2.jpg');">
                    <div class="text">
                        <h2>快递服务</h2>
                        <p>顺丰依托自有丰富运力资源，通过多项不同的快递产品和增值服务，来满足客户多样化、个性化的寄件需求。</p>
                    </div>
                </div>
            </div>
            <div class="end" id="jinrong" style="display: none">
                <div class="itemleft" style="background-image: url('img/business_3.jpg');">
                    <div class="text">
                        <h2>冷运服务</h2>
                        <p>顺丰依托强大的冷链运输网和温控管理系统，为食品&医药冷链客户提供专业的冷运服务。</p>
                    </div>
                </div>
                <div class="itemright" style="background-image: url('img/business_4.png');">
                    <div class="text">
                        <h2>快递服务</h2>
                        <p>顺丰依托自有丰富运力资源，通过多项不同的快递产品和增值服务，来满足客户多样化、个性化的寄件需求。</p>
                    </div>
                </div>
            </div>
            <div class="end" id="shangye" style="display: none">
                <div class="itemleft" style="background-image: url('img/business_2.jpg');">
                    <div class="text">
                        <h2>冷运服务</h2>
                        <p>顺丰依托强大的冷链运输网和温控管理系统，为食品&医药冷链客户提供专业的冷运服务。</p>
                    </div>
                </div>
                <div class="itemright" style="background-image: url('img/business_2.jpg');">
                    <div class="text">
                        <h2>快递服务</h2>
                        <p>顺丰依托自有丰富运力资源，通过多项不同的快递产品和增值服务，来满足客户多样化、个性化的寄件需求。</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div id="case_share">
        <div class="content">
            <div class="div_title" id="case_share_title">
                <h2>成功案例</h2>
                <p>每一时刻，都有无数的客户托付与期待被成功交付，顺丰与前瞻者同行</p>
            </div>
            <a href="#" style="float: right; color: rgb(205, 34, 51);">查看全部 &gt;</a>
            <div id="case_share_list">
                <div class="item">
                    <div class="circle">
                        <img src="img/3C电子行业.png">
                        <p>3C电子行业</p>
                    </div>
                </div>
                <div class="item">
                    <div class="circle">
                        <img src="img/医疗行业.png">
                        <p>医疗行业</p>
                    </div>
                </div>
                <div class="item">
                    <div class="circle">
                        <img src="img/生鲜行业.png">
                        <p>生鲜行业</p>
                    </div>
                </div>
                <div class="item">
                    <div class="circle">
                        <img src="img/快消行业.png">
                        <p>快消行业</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="promotion">
        <div class="content">
            <div class="div_title">
                <h1>促销活动</h1>
                <p>第一时间分享，最新促销活动</p>
            </div>
            <div class="promotion_list">
                <div class="box">
                    <div class="titlepage">
                        <img src="img/优惠1.jpg">
                    </div>
                    <div class="text">
                        <h3>顺丰国际小包-全民约惠季，新老都有礼</h3>
                        <p>新客户注册并激活，获88元优惠劵礼包；完成首次发货 再获30元优惠劵礼包 <b>[详情]</b></p>
                    </div>
                </div>
                <div class="box">
                    <div class="titlepage">
                        <img src="img/优惠2.jpg">
                    </div>
                    <div class="text">
                        <h3>顺丰国际小包-全民约惠季，新老都有礼</h3>
                        <p>新客户注册并激活，获88元优惠劵礼包；完成首次发货 再获30元优惠劵礼包 <b>[详情]</b></p>
                    </div>
                </div>
            </div>
            <div class="promotion_list">
                <div class="box">
                    <div class="titlepage">
                        <img src="img/优惠3.jpg">
                    </div>
                    <div class="text">
                        <h3>顺丰国际小包-全民约惠季，新老都有礼</h3>
                        <p>新客户注册并激活，获88元优惠劵礼包；完成首次发货 再获30元优惠劵礼包 <b>[详情]</b></p>
                    </div>
                </div>
                <div class="box">
                    <div class="titlepage">
                        <img src="img/优惠4.jpg">
                    </div>
                    <div class="text">
                        <h3>顺丰国际小包-全民约惠季，新老都有礼</h3>
                        <p>新客户注册并激活，获88元优惠劵礼包；完成首次发货 再获30元优惠劵礼包 <b>[详情]</b></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="footer">
    <div class="botfooter">
        <div class="fcontainer posre">
            <div class="toTop" title="返回顶部"></div>
            <div class="left cn" style="margin: 0 auto; width: 1280px">
                <table>
                    <tbody>
                    <tr>
                        <td valign="top">
                            <p class="title"><a class="nolink" href="javascript:void(0)">物流</a></p>
                            <ul class="list">
                                <li><a href="express/express_service/city_distribution/SF_Rush/">快递服务</a></li>
                                <li><a href="express/cold_service/food_service/fresh_match/">冷运服务</a></li>
                                <li><a href="express/storage_service/storage_services/warehouse_management/">仓储服务</a>
                                </li>
                            </ul>
                        </td>
                        <td valign="top">
                            <p class="title"><a
                                    href="https://www.sf-financial.com/sfjrpc/?fc=ex&amp;fp=nt&amp;fa=pc&amp;"
                                    target="_blank">金融</a></p>
                            <ul class="list">
                                <li><a href="https://www.sf-financial.com/index.html?fc=ex&amp;fp=nb&amp;fa=pc&amp;"
                                       target="_blank">财富管理</a></li>
                                <li><a href="https://www.sf-financial.com/index.html?fc=ex&amp;fp=nb&amp;fa=pc&amp;"
                                       target="_blank">资产管理</a></li>
                                <li><a href="https://www.sf-financial.com/index.html?fc=ex&amp;fp=nb&amp;fa=pc&amp;"
                                       target="_blank">综合支付</a></li>
                            </ul>
                        </td>
                        <td valign="top">
                            <p class="title"><a class="nolink" href="javascript:void(0)">商业</a></p>
                            <ul class="list">
                                <li><a href="http://www.sfbest.com/" target="_blank">顺丰优选网上商城</a></li>
                                <li><a href="http://www.sfbest.com/html/activity/1474966515.html"
                                       target="_blank">顺丰优选门店</a></li>
                            </ul>
                        </td>
                        <td valign="top">
                            <p class="title"><a href="case_share/">成功案例</a></p>
                            <ul class="list">
                                <li><a href="case_share/index.html_364584038.html">3C电子行业</a></li>
                                <li><a href="case_share/index.html_836109172.html">医疗行业</a></li>
                                <li><a href="case_share/index.html_591155569.html">生鲜行业</a></li>
                                <li><a href="case_share/index.html_1045342821.html">快消行业</a></li>
                            </ul>
                        </td>
                        <td valign="top">
                            <p class="title"><a class="nolink" href="javascript:void(0)">服务支持</a></p>
                            <ul class="list">
                                <li><a href="dynamic_function/order/quick/">我要寄件</a></li>
                                <li><a href="dynamic_function/waybill/">运单追踪</a></li>
                                <li><a href="dynamic_function/price/">运费时效查询</a></li>
                                <li><a href="dynamic_function/range/">收寄范围查询</a></li>
                                <li><a href="dynamic_function/store/">服务网点查询</a></li>
                                <li><a href="dynamic_function/accept/">收寄标准查询</a></li>
                                <li><a href="dynamic_function/more/payment/">更多内容查询</a></li>
                            </ul>
                        </td>
                        <td valign="top">
                            <p class="title"><a class="nolink" href="javascript:void(0)">顺丰控股投资者关系</a></p>
                            <ul class="list">
                                <li><a href="investor_relations/corporate_governance/">公司治理</a></li>
                                <li><a href="investor_relations/latest_announcement/">公司公告</a></li>
                                <li><a href="investor_relations/periodic_report/financial_statements/">定期报告</a></li>
                                <li><a href="investor_relations/stock_information/">投资者联络</a></li>
                                <li><a href="investor_relations/investor_relations_calendar/board_meeting/">投资者关系日历</a>
                                </li>
                            </ul>
                        </td>
                        <td valign="top">
                            <p class="title"><a href="about_us/">关于我们</a></p>
                            <ul class="list">
                                <li><a href="about_us/about_sf/company_introduction/">关于顺丰</a></li>
                                <li><a href="news/">新闻资讯</a></li>
                                <li><a href="notice/">服务公告</a></li>
                                <li><a href="promotions/">促销活动</a></li>
                                <li>
                                    <a href="about_us/member_interests/Individual_members/Membership_Levels_and_Growing_Value/">会员权益</a>
                                </li>
                                <li><a href="https://hr.sf-express.com" target="_blank">人才招聘</a></li>
                            </ul>
                        </td>
                        <td valign="top">
                            <p class="title"><a class="nolink" href="javascript:void(0)">联系我们</a></p>
                            <ul class="list">
                                <li><a class="nolink" href="javascript:void(0)">客服专线95338 </a></li>
                                <li><a href="Customer-Service-Hotlines/">客户服务热线</a></li>
                                <li><a href="cooperative_consultation/">合作咨询</a></li>
                            </ul>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</body>
</html>